<template>
	<view class="bg-white flex flex-direction" style="width: 100vw; height: 100vh;">
		<cu-custom bgColor="bg-white" :isBack="true">
			<block slot="content">
				<text style="font-size: 32rpx; color: #333333; font-weight: bold;">申请注销账号</text>
			</block>
		</cu-custom>
		
		<view style="margin-top: 40rpx; padding: 0 32rpx; font-size: 16px; font-weight: bold; color: #1C1C1E; line-height: 64rpx; height: 448rpx;">
			<text>为保证您的账号安全，请您在提交的注销申请生效前，需满足以下条件: <br><br>1.账号财产已经结清<br> 2.账号处于安全状态<br> 3.账号权限已经解除<br> 4.账号无任何纠纷，包括投诉举报</text>
		</view>
		
		<view class="flex justify-start align-center" style="margin-top: 64rpx; padding: 0 32rpx;">
			<checkbox-group class="" @change="CheckboxChange">
				<checkbox class="sm" :class="agree?'checked':''" :checked="agree" style="transform: scale(0.7); "></checkbox>
			</checkbox-group>
			<view class="flex align-center" style="margin-left: 16rpx;">
				<text style="font-size: 14px; color: #666666;">已阅读并同意</text><text style="font-size: 14px; color: #007AFF;">《注销协议》</text>
			</view>
		</view>
		
		<view style="padding: 0 32rpx; margin-top: 340rpx;">
			<button @click="login" :disabled="!agree" :style="!agree ? {opacity: 0.5} : ''" 
			style=" height: 96rpx; color: white; background-color: #007AFF; border-radius: 8rpx;">
			确定</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				agree: false
			}
		},
		methods: {
			CheckboxChange(e) {
				this.agree = !this.agree;
			},
		}
	}
</script>

<style>
</style>
